<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="app"></div>

	<script src="https://cdn.bootcss.com/jquery/1.7.2/jquery.min.js"></script>

	<!-- <script type="text/javascript" src="demo.js" defer="defer"></script>
	<script type="text/javascript" src="demo.js" asyns="asyns"></script> -->
	<script type="text/javascript">

		// json --> 是一种传输数据的格式（以对象为样板，本质上就是对象，单用途有区别，对象就是本地用的，json是用来传输的） 
		// 前端需要数据和后台的数据类型相同
		// JSON.parse();		string --> json 
		// JSON.stringify();	json --> string
		
		/*var obj = {
			"name" : "chen",
			"age" : 123
		};
		JSON.stringify(obj)*/

		// domTree + cssTree = randerTree
		// reflow 重排
		// repaint 重绘
		
		// 异步加载js --> 1、defer--IE使用；2、asyns -- W3C标准
		// 3、函数方法
		/*function loadScript(url, callback){
			var script = document.createElement('script');
			script.type = "text/javascript";
			if(script.readyState){
				// IE浏览器
				script.onreadystatechange = function(){
					if (script.readyState == "complete" || script.readyState == "loaded") {
						eval(callback);
					}
				}
			}else{
				// 高版本浏览器
				script.onload = function(){
					eval(callback);
				}
			}
			script.src = url;
			document.head.appendChild(script);
		}
		loadScript('jsonDemo.js', "test()");*/

		// js加载时间线
		/*console.log(document.readyState);
		document.onreadystatechange = function (){
			console.log(document.readyState);
		}
		document.addEventListener('DOMContentLoaded',function(){
			console.log('a');
		},false)*/




	</script>

</body>
</html>